<template>
  <div ref="mlfastcanvas"></div>
</template>
<script>
// import { Line } from "@antv/g2plot";

export default {
  name: `G2Plot`,
  props: {
    method: {
      type: String,
      required: true,
      default: `Line`
    },
    option: {
      type: Object,
      required: true,
      default: () => {
        return {
            data: [
                { year: "1991", value: 3 },
                { year: "1992", value: 4 },
                { year: "1993", value: 3.5 },
                { year: "1994", value: 5 },
                { year: "1995", value: 4.9 },
                { year: "1996", value: 6 },
                { year: "1997", value: 7 },
                { year: "1998", value: 9 },
                { year: "1999", value: 13 }
            ],
            xField: "year",
            yField: "value"
        };
      }
    }
  },
  mounted() {
    this.$refs.mlfastcanvas.id = "mlfastcanvas";
    const plot = new this.$Antv[this.method](this.$refs.mlfastcanvas, this.option);
    plot.render();
  }
};
</script>
<style lang="less" scoped>
</style>